<template>
    <div>
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        <Floor v-for="(item,index) in floor" :key="item.id" :floor="item" :index="index"/>
        <Brand/>
    </div>
</template>

<script>
import ListContainer from "./ListContainer"
import Recommend from "./Recommend"
import Brand from "./Brand"
import Floor from "./Floor"
import Like from "./Like"
import Rank from "./Rank"
import { mapState } from "vuex"
    export default {
        name:'SphHome',
        components:{
            
            ListContainer,
            Recommend,
            Brand,
            Floor,
            Like,
            Rank
        },
        mounted(){
			this.$store.dispatch('home/asyncGetFloorList')
		},
        computed:{
            ...mapState('home',['floor'])
        }
    }
</script>

<style lang="less" scoped>

</style>